<template>
  <div class="common-layout">
    <el-container>
      <el-header height="40px"><Header style="width: 100%;" /></el-header>
      <el-main><Search/></el-main>
    </el-container>
  </div>
</template>

<script setup>
import Header from './components/Header.vue';
import Search from './components/Search.vue';

</script>


<style>
.el-header {
  background-color: #3C4045;
  -webkit-app-region: drag; /* 设置为可拖动区域 */
  display: flex;
  align-items: center;
}

.el-header button {
  -webkit-app-region: no-drag; /* 按钮不受拖动影响 */
}

.el-main {
  background-color: #303338;
}
</style>
